<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<HEAD>
     <TITLE>Index DOT Css: Index Page</TITLE>
     <link rel="stylesheet" type="text/css" href="../ss/2.css" id="thecss">

<script type="text/javascript" src="../scripts/csschange.js"></script>
<script type="text/javascript" src="../scripts/search.js"></script>
<script type="text/javascript">
function swapIt(imgName,loc)
{
if (document.images)
   { eval ("document.images[imgName].src = '../images/" + loc + ".gif'"); }
return true;
}
</script>
</HEAD>

<BODY onload="readSS();setSearchRoot();">

<map name="tab">
<area shape="rect" coords="16,4,137,27" href="../html/index.html"
      alt="[link to Index DOT Html]" title="[link to Index DOT Html]">
</map>

<map name="navbar">
<area shape="rect" coords="0,0,142,52" href="../setcss.htm" title="Change the stylesheet for the site">
<area shape="rect" coords="143,0,260,52" href="../misc/donate.htm" title="Donate: Support the site">
<area shape="rect" coords="261,0,350,52" href="../misc/discuss.htm" title="Chat/Discussion forums">
</map>

<form method="GET" action="http://www.google.com/custom">
<div align="center">
<table cellpadding=0 cellspacing=0 class="ltop">
<tr>
    <th>&#160;&#160;&#160;&#160;&#160;&#160;</th>
    <th nowrap><div class="indexsitetitle"><big>Index&#160;&#160;D O T&#160;&#160;Css</big></div>
    <div class="reallysmall">T h e&#160;&#160;A d v a n c e d&#160;&#160;C 
    S S&#160;&#160;R e f e r e n c e</div></th>
    <th class="ltdvdr">&#160;&#160;&#160;&#160;</th>
    <th rowspan=2>
    <table cellpadding=0 cellspacing=0 width="350">
    <tr><td colspan=2 bgcolor="#cccccc"><img src="../images/toolbartop.jpg" height="52" 
        width="350" usemap="#navbar" border=0></td></tr>
    <tr><td bgcolor="#cccccc"><input type=image src="../images/toolbarbl.jpg" height="48" 
            width="150" border=0 title="[Search now]"></a></td>
        <td bgcolor="#cccccc" align=left><input type=text name=q size=18 maxlength=255 class="srchbox">
            <input type=hidden name=domains value="www.blooberry.com"> <input type=hidden 
            name="sitesearch" value="www.blooberry.com"></td></tr>
    </table></th>
</tr>
<tr>
<th>&#160;&#160;&#160;&#160;</th>
<th class="lbot">By <a href="../misc/email.htm">Brian Wilson</a> Last Update: Oct. 1 2003</th>
<td class="lbdvdr">&nbsp;</td>
</tr>
</table>
</div>

<br><br>
<div align="center">
<table cellpadding=0 cellspacing=0 border=0>
<tr>
    <td align=left valign=bottom><img src="../images/csstab.gif" width="335" 
        height="28" border=0 usemap="#tab"></td>
    <td rowspan=2>&#160;&#160;</td>
    <td>&#160;</td>
</tr>
<tr>
    <td valign=top>
    <table class="mainbox" cellspacing=0><tr><td>
    <table border=0 cellspacing=0>
    <tr>
        <th align=left valign=bottom class="field" nowrap>&#160;<big><u
            class="colheaders"><b>CSS&#160;Language</b></u></big>&#160;</th>
        <td rowspan=2>&#160;&#160;</td>
        <th align=left valign=bottom class="field" nowrap>&#160;<big><u
            class="colheaders"><b>Historical&#160;Information</b></u></big>&#160;</th>
    </tr>

    <tr>
        <td valign=top nowrap>
        &#160;<a href="index2.htm" onmouseover="swapIt('p1','plushi');"
        onmouseout="swapIt('p1','plus');"><img src="../images/plus.gif" name="p1"
        width="20" height="20" align="top" border=0 alt="[expand]"></a>
        <b class="subheading"><a href="propindex/font.htm">Property&#160;Index</a></b><br>
        &#160;<a href="index10.htm" onmouseover="swapIt('p15','plushi');"
        onmouseout="swapIt('p15','plus');"><img src="../images/plus.gif" name="p15"
        width="20" height="20" align="top" border=0 alt="[expand]"></a>
        <b class="subheading"><a href="syntax/selectors/selectors.htm">Selectors</a></b><br>
        &#160;<a href="index3.htm" onmouseover="swapIt('p2','plushi');"
        onmouseout="swapIt('p2','plus');"><img src="../images/plus.gif" name="p2"
        width="20" height="20" align="top" border=0 alt="[expand]"></a>
        <b class="subheading"><a href="syntax/syntax.htm">CSS&#160;Syntax</a></b><br>

        &#160;<a href="index.html" onmouseover="swapIt('p3','minushi');"
        onmouseout="swapIt('p3','minus');"><img src="../images/minus.gif" name="p3" width="20" height="20"
        align="top" border=0 alt="[collapse]"></a>
        <b class="subheading"><span class="alert2">CSS&#160;Topics</span></b><br>
        <small>&#160;&#160;&#160;&#160;&#160;&#160;
        <a href="topics/inherit.htm">inheritance</a> |
        <a href="topics/cascade.htm">cascade</a><br>
        &#160;&#160;&#160;&#160;&#160;&#160;
        <a href="topics/media.htm">media</a></small><br></td>

        <td valign=top nowrap>
        &#160;<a href="index5.htm" onmouseover="swapIt('p4','plushi');"
        onmouseout="swapIt('p4','plus');"><img src="../images/plus.gif" name="p4"
        width="20" height="20" align="top" border=0 alt="[expand]"></a>
        <b class="subheading"><a href="supportkey/syntax.htm">CSS&#160;Support&#160;History</a></b><br>
        &#160;<a href="index6.htm" onmouseover="swapIt('p5','plushi');"
        onmouseout="swapIt('p5','plus');"><img src="../images/plus.gif" name="p5"
        width="20" height="20" align="top" border=0 alt="[expand]"></a>&#160;<b
        class="subheading"><a href="../history/css.htm">CSS&#160;Spec&#160;History</a></b><br>
        &#160;<a href="index7.htm" onmouseover="swapIt('p6','plushi');"
        onmouseout="swapIt('p6','plus');"><img src="../images/plus.gif" name="p6"
        width="20" height="20" align="top" border=0 alt="[expand]"></a>
        <b class="subheading"><a href="../history/browsers.htm">Browser&#160;History</a></b><br></td>
    </tr>

    <tr><td colspan=3><hr size=1 width="85%"></td></tr>

    <tr>
        <th align=left valign=bottom class="field" nowrap>&#160;<big><u
            class="colheaders"><b>Site&#160;Information</b></u></big>&#160;</th>
        <td rowspan=2>&#160;&#160;</td>
        <th align=left valign=bottom class="field" nowrap>&#160;<big><u
            class="colheaders"><b>General&#160;Information</b></u></big>&#160;<br></th>
    </tr>

    <tr>
        <td valign=top nowrap><small class="smalltext">
        &#160;<a href="index9.htm" onmouseover="swapIt('p8','plushi');"
        onmouseout="swapIt('p8','plus');"><img src="../images/plus.gif" name="p8"
        align="top" border=0 alt="[expand]"></a>&#160;<a
        href="index9.htm">More&#160;About&#160;The&#160;Site...</a><br>

        &#160;&#160;&#160;&#183;&#160;&#160;&#160;<a
        href="../misc/downloads.htm">Downloads</a>&#160;|&#160;<a
        href="../misc/mirrors.htm">Mirrors</a><br></small></td>

        <td valign=top nowrap><small class="smalltext">
        &#160;&#160;&#160;&#183;&#160;&#160;&#160;<a href="topics/related.htm">Related CSS Links</a><br>
        &#160;&#160;&#160;&#183;&#160;&#160;&#160;<a href="topics/stylefaq.htm">CSS FAQ</a><br>
        &#160;&#160;&#160;&#183;&#160;&#160;&#160;<a href="examples/examples.htm">CSS Examples</a><br>
        &#160;&#160;&#160;&#183;&#160;&#160;&#160;<a href="syntax/generalbugs.htm">General CSS Bugs</a><br></small></td>
       </tr>
       </table>
   </td></tr>
   </table></td>
   
   <td rowspan=2 valign=top align=left>
   <table border=0 cellspacing=1 cellpadding="3" class="sidebarbox">
   <tr><th class="field"><big><b class="colheaders">What's New</b></big> 
       <span class="sidebar">[<a href="../misc/new.htm">more...</a>]</span></th></tr>

   <tr>
    <td><table cellpadding="0" cellspacing="0">
        <tr><td colspan="3" class="sidebar"><b class=alert2>Latest Browsers:</b></td></tr>
        <tr><td class="sidebar"><b>&#160;&#160;&#183;&#160;Firefox:</b></td><td class="sidebar">&nbsp;1.0.4</td><td class="sidebar">&nbsp;[May '05]</td></tr>
        <tr><td class="sidebar"><b>&#160;&#160;&#183;&#160;IE:</b></td><td class="sidebar">&nbsp;6SP1</td><td class="sidebar">&nbsp;[Sep '02]</td></tr>
        <tr><td class="sidebar"><b>&#160;&#160;&#183;&#160;Mozilla:</b></td><td class="sidebar">&nbsp;1.7.8</td><td class="sidebar">&nbsp;[May '05]</td></tr>
        <tr><td class="sidebar"><b>&#160;&#160;&#183;&#160;Opera:</b></td><td class="sidebar">&nbsp;8.01</td><td class="sidebar">&nbsp;[Jun '05]</td></tr>
        <tr><td class="sidebar"><b>&#160;&#160;&#183;&#160;Safari:</b></td><td class="sidebar">&nbsp;2.0</td><td class="sidebar">&nbsp;[Apr '05]</td></tr>
        </table>
        <hr>
        <span class="sidebar"><b class="alert2">Major Updates:</b><br>
        &#160;&#183;&#160;All HTML/CSS support grids updated<br>
        &#160;&#183;&#160;All browser/standards histories updated<br>
        &#160;&#183;&#160;Added/fixed/clarified 100's of issues<br>&#160;&#160;&#160;from reader emails
        <!--#include virtual="../othernews.txt" -->
        </span>
        </td>
    </tr>
   </table>
    </td>
</tr>
</table>
</div>
</form>

<br><br>

</BODY>
</HTML>
